<!--
 * @Author: 刘翔
 * @Date: 2025-01-27 10:30:00
 * @LastEditTime: 2025-01-27 10:30:00
 * @LastEditors: 刘翔
 * @Description: DRG数据分析表格使用示例
 * @FilePath: \建达文件\ts-demo\ts-demo\src\pptHome\components\DataTableExample.vue
-->

<template>
  <div class="table-example">
    <h2>{{ tableConfig.title }}</h2>

    <!-- 配置化的DRG数据表格 -->
    <DataTableVertical :table-config="tableConfig" />

    <!-- 描述信息 -->
    <div class="description" v-html="tableConfig.desc"></div>
  </div>
</template>

<script>
import DataTableVertical from './DataTableVertical.vue';

export default {
  name: 'DataTableExample',
  components: {
    DataTableVertical,
  },
  data() {
    return {
      // 您提供的JSON数据结构
      tableConfig: {
        DRG分组: 'ES23',
        DRG分组名称: '呼吸系统感染/炎症，伴一般并发症与合并症',
        RW: 0.6,
        data_list: [
          {
            低倍率病例占比: 4.32,
            低倍率病例占比是否标红: false,
            出院科室名称: '呼吸内科',
            平均住院天数: 10.18,
            '平均超支结余(元)': -209.37,
            平均超支结余是否标红: true,
            '次均材料费(元)': 0,
            '次均药费(元)': 0,
            '次均费用(元)': 5449.93,
            次均费用是否标红: false,
            病例数: 324,
            '耗占比(%)': 0,
            '药占比(%)': 0,
            '超支结余(万元)': -6.78,
            超支结余是否标红: true,
            高倍率病例占比: 0,
            高倍率病例占比是否标红: false,
          },
          {
            低倍率病例占比: 11.11,
            低倍率病例占比是否标红: true,
            出院科室名称: '内分泌科',
            平均住院天数: 9.5,
            '平均超支结余(元)': -296.74,
            平均超支结余是否标红: true,
            '次均材料费(元)': 0,
            '次均药费(元)': 0,
            '次均费用(元)': 5061.68,
            次均费用是否标红: false,
            病例数: 18,
            '耗占比(%)': 0,
            '药占比(%)': 0,
            '超支结余(万元)': -0.53,
            超支结余是否标红: true,
            高倍率病例占比: 0,
            高倍率病例占比是否标红: false,
          },
          {
            低倍率病例占比: 10,
            低倍率病例占比是否标红: false,
            出院科室名称: '心血管内科',
            平均住院天数: 9.9,
            '平均超支结余(元)': -1119.9,
            平均超支结余是否标红: true,
            '次均材料费(元)': 0,
            '次均药费(元)': 0,
            '次均费用(元)': 6624.41,
            次均费用是否标红: true,
            病例数: 10,
            '耗占比(%)': 0,
            '药占比(%)': 0,
            '超支结余(万元)': -1.12,
            超支结余是否标红: true,
            高倍率病例占比: 0,
            高倍率病例占比是否标红: false,
          },
          {
            低倍率病例占比: 0,
            低倍率病例占比是否标红: false,
            出院科室名称: '老年医学科',
            平均住院天数: 11.75,
            '平均超支结余(元)': -607.26,
            平均超支结余是否标红: true,
            '次均材料费(元)': 0,
            '次均药费(元)': 0,
            '次均费用(元)': 6391.21,
            次均费用是否标红: true,
            病例数: 8,
            '耗占比(%)': 0,
            '药占比(%)': 0,
            '超支结余(万元)': -0.49,
            超支结余是否标红: true,
            高倍率病例占比: 0,
            高倍率病例占比是否标红: false,
          },
          {
            低倍率病例占比: 0,
            低倍率病例占比是否标红: false,
            出院科室名称: '老年病科二',
            平均住院天数: 11.6,
            '平均超支结余(元)': -913.13,
            平均超支结余是否标红: true,
            '次均材料费(元)': 0,
            '次均药费(元)': 0,
            '次均费用(元)': 6155.79,
            次均费用是否标红: true,
            病例数: 5,
            '耗占比(%)': 0,
            '药占比(%)': 0,
            '超支结余(万元)': -0.46,
            超支结余是否标红: true,
            高倍率病例占比: 0,
            高倍率病例占比是否标红: false,
          },
          {
            低倍率病例占比: 0,
            低倍率病例占比是否标红: false,
            出院科室名称: '神经内科',
            平均住院天数: 11,
            '平均超支结余(元)': -717.39,
            平均超支结余是否标红: true,
            '次均材料费(元)': 0,
            '次均药费(元)': 0,
            '次均费用(元)': 6237.68,
            次均费用是否标红: true,
            病例数: 4,
            '耗占比(%)': 0,
            '药占比(%)': 0,
            '超支结余(万元)': -0.29,
            超支结余是否标红: true,
            高倍率病例占比: 0,
            高倍率病例占比是否标红: false,
          },
          {
            低倍率病例占比: 0,
            低倍率病例占比是否标红: false,
            出院科室名称: '消化内科',
            平均住院天数: 10.5,
            '平均超支结余(元)': -191.92,
            平均超支结余是否标红: true,
            '次均材料费(元)': 0,
            '次均药费(元)': 0,
            '次均费用(元)': 5397.38,
            次均费用是否标红: false,
            病例数: 4,
            '耗占比(%)': 0,
            '药占比(%)': 0,
            '超支结余(万元)': -0.08,
            超支结余是否标红: true,
            高倍率病例占比: 0,
            高倍率病例占比是否标红: false,
          },
          {
            低倍率病例占比: 100,
            低倍率病例占比是否标红: true,
            出院科室名称: '骨科二',
            平均住院天数: 2,
            '平均超支结余(元)': 44.63,
            平均超支结余是否标红: false,
            '次均材料费(元)': 0,
            '次均药费(元)': 0,
            '次均费用(元)': 2399.09,
            次均费用是否标红: false,
            病例数: 1,
            '耗占比(%)': 0,
            '药占比(%)': 0,
            '超支结余(万元)': 0,
            超支结余是否标红: false,
            高倍率病例占比: 0,
            高倍率病例占比是否标红: false,
          },
        ],
        desc: 'ES23病组分布在8个科室，列表取病例数前8,其中亏损科室病例数<span style="color:#ff1310">373</span>例，病组总病例数中所占比例为<span style="color:#ff1310">99.73%</span>，亏损金额<span style="color:#ff1310">-9.75</span>万元，结余科室病例数<span style="color:#ff1310">1</span>例，病组总病例数中所占比例为<span style="color:#ff1310">0.27%</span>结余金额<span style="color:#ff1310">0.0</span>万元。<br/>科室老年医学科，平均住院天数高于病组平均住院天数；科室老年病科二，平均住院天数高于病组平均住院天数；科室神经内科，平均住院天数高于病组平均住院天数；科室消化内科，平均住院天数高于病组平均住院天数',
        title: '2024年1-12月',
        '地区均费(元)': 6728.18,
        病组平均住院天数: 10.18,
      },
    };
  },
};
</script>

<style scoped>
.table-example {
  padding: 20px;
  background: #f8f9fa;
  min-height: 100vh;
}

.table-example h2 {
  color: #2c3e50;
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.description {
  margin-top: 20px;
  padding: 15px;
  background: white;
  border-radius: 8px;
  border-left: 4px solid #4a90e2;
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}

.description /deep/ span {
  font-weight: bold;
}
</style>
